
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
    <ol class="breadcrumb">
        <strong>当前位置:</strong>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-success">管理中心</a></li>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-success">用户管理</a></li>
        <li class="breadcrumb-item active" aria-current="page">用户角色管理</li>
    </ol>
</nav>
<div class="input-group mb-3 w-50 mx-auto">
    <input id="input-search-role" type="text" class="form-control" placeholder="输入用户账号"
           aria-describedby="btn-search-role">
    <button class="btn btn-primary" type="button" id="btn-search-role">搜索</button>
</div>

<!--动态渲染加载图标-->
<div id="searchAlertPlaceholder" class="row d-flex justify-content-center"></div>

<div class="container col-md-10">
    <!--批量操作按钮-->
    <div style="text-align: right">
        <button class="btn btn-primary ml-auto" onclick="updateRoles('up')">批量晋升</button>
        <button class="btn btn-warning" onclick="updateRoles('down')">批量降级</button>
        <button class="btn btn-danger">批量删除</button>
    </div>
    <table class="table table-bordered ">
        <h6 id="textShowResult" class="text-dark">共0条结果</h6>
        <thead class="table-primary">
            <tr>
                <td style="width: 5%"><input id="cb_all" type="checkbox" >全选</td>
                <td style="width: 10%;">用户账号</td>
                <td style="width: 10%;">角色ID</td>
                <td style="width: 10%;">
                    <span>角色</span>
                    <div class="btn-group pt-0 pb-0">
                        <button type="button" class="btn dropdown-toggle dropdown-toggle-split pt-0 pb-0" data-bs-toggle="dropdown" aria-expanded="false">
                            <span class="visually-hidden">下拉菜单</span>
                        </button>
                        <ul class="role-dropdown-menu dropdown-menu">
                        </ul>
                    </div>
                </td>
                <td style="width:20%">操作</td>
            </tr>
        </thead>
        <tbody id="tbody-role">
        </tbody>
    </table>
</div>

<!-- 结果通过动态渲染-->
<div id="div-admin-role-page"></div>
